@import "style";
strong
{
	//font-weight: bold;
}

div#container
{
	h1
	{
		margin-bottom: 0.2em;
	} 
	
	ul#nav
	{
		width: 100%;
		padding: 1.5em 0;
		background: rgba(#5EA6DF, 0.2);
		@include border-radius(5px);
		text-align: center;
		
		li
		{
			display: inline;
			
			
			a
			{
				color: #FFF;
				font-size: 0.9em;
				text-transform: uppercase;
				font-weight: bold;
				
				margin: 0 1em;
				padding: 0.6em 1em;
				background: #5EA6DF;
				@include border-radius(5px);
				
				&:hover
				{
					text-decoration: none;
					background: #00243b;
				}
			}
		}
	}
	
	h2
	{
		font-family: 'LeagueGothicRegular', "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 2em;
		text-transform: uppercase;
		margin: 0.5em 0;
		text-align: center;
		color: #00243b;
		text-shadow: 3px 3px rgba(0,0,0,0.1);
		border-top: 1px dashed #CCC;
		border-bottom: 1px dashed #CCC;
		padding: 0.3em 0;
		margin: 1.5em 0;
		
		&:first-child
		{
			margin-top: 0;
		}
		
		.codex
		{
			color: #47819f;
		}
	}
	
	div#about
	{
		font-size: 0.9em;
		float: left;
		width: 60%;
	}
	
	div#details
	{
		margin-left: 65%;
		background: #EEE;
		padding: 2em;
		font-size: 0.9em;
		min-height: 200px;
		@include border-radius(5px);
		
		h2
		{
			border: 0;
			padding: 0;
			margin-bottom: 0.5em;
		}
		
		p
		{
			color: #666;
			
			&.italic
			{
				font-style: italic;
			}
		}
		
		input
		{
			width: 100%;
			border: transparent;
			font-size: 2em;
			color: #333;
			padding: 0.3em;
			@include border-radius(3px);
			@include box-shadow(#FFF, 0, 1px, 0);
			border: 1px solid #CCC;
			float: left;
			@include input-focus(5px);
			margin-bottom: 0.5em;
		}
		
		button
		{
			width: 100%;
			border: 1px solid #00243b;
			@include border-radius(3px);
			@include box-shadow(#FFF, 0, 1px, 0);
			background: #5ea6df;
			@include linear-gradient(color-stops(#5ea6df, #47819f));
			font-size: 1.5em;
			float: right;
			color: rgba(255, 255, 255, 0.9);
			font-family: 'LeagueGothicRegular', "Helvetica Neue", Helvetica, Arial, sans-serif;
			text-transform: uppercase;
			letter-spacing: 0.05em;
			padding: 0.3em 1em;
			
			margin-bottom: 1em;
		}
	}
	
	div#logos
	{
		margin: 2em 0 0 65%;
		padding-top: 2em;
		width: 35%;
		text-align: center;
		
		img
		{
			margin: 0 0 2em;
			max-width: 60%;
		}
	}
	
	p
	{
		line-height: 1.4em;
		text-align: justify;
		color: #333;

		&.large
		{
			font-size: 1.18em;
			font-weight: bold;
			margin-bottom: 2em;
		}
	}
}